<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title><ui:insert name="pageTitle">Page Title</ui:insert></title>
	
	<h:link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css"/>
	<!-- <link href="css/bootstrap.css" rel="stylesheet"></link> -->
	<!-- <link href="css/sb-admin.css" rel="stylesheet"></link> -->

	<h:outputStylesheet library="css" name="bootstrap.css" />
	<h:outputStylesheet library="css" name="sb-admin.css" />
	<h:outputStylesheet library="css" name="font-awesome.css" />
	<h:outputStylesheet library="css" name="font-awesome.min.css" />
	
	

	<style type="text/css">
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	vertical-align: middle;
	color: #8E969D;
}
</style>

</h:head>

<h:body bgcolor="#ffffff">
	<h:form>
		<table style="border: 1px solid #CAD6E0" align="center"
			cellpadding="0" cellspacing="0" border="0" width="400">
			<tbody>
				<div id="wrapper">
					<nav class="navbar navbar-inverse navbar-fixed-top"
						role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target=".navbar-ex1-collapse">
							<span class="sr-only">Toggle navigation</span> <span
								class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="/voyages-web/identification.jsf">Espace Admin</a>
						<!-- 			<ui:insert name="navbar"> -->
						<!-- 			</ui:insert> -->
					</div>
					<div class="collapse navbar-collapse navbar-ex1-collapse">
						<ul class="nav navbar-nav side-nav">
							<li>
								<a href="/voyages-web/backend/tableauDeBord.jsf"><i class="fa fa-dashboard"></i> Tableau de bord</a>	
							</li>
								
							<li>
							<a href="/voyages-web/backend/demandeAnnulation.jsf"><i class="fa fa-table"></i> Demande d'annulation</a>
<!-- 								<h:commandLink value="Nos demandes d'annulation" -->
<!-- 											action="/backend/demandeAnnulation?faces-redirect=true" /> -->
							</li>
							<li>
							<a href="/voyages-web/backend/nosClients.jsf"><i class="fa fa-table"></i> Nos clients</a>
<!-- 								<h:commandLink value="Nos clients" -->
<!-- 											action="/backend/nosClients?faces-redirect=true" /> -->
							</li>

							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown"><i class="fa fa-caret-square-o-down"></i>
									Gestion des Offres <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="/voyages-web/backend/gestionDesBillets.jsf"><i class="fa fa-wrench"></i> Gestion des Billets</a></li>
									<li><a href="/voyages-web/backend/gestionDesVoyages.jsf"><i class="fa fa-wrench"></i> Gestion des Voyages</a></li>									
									<li><a href="/voyages-web/backend/gestionDesOptions.jsf"><i class="fa fa-wrench"></i> Gestion des Options</a></li>


								</ul></li>
						</ul>

						<ul class="nav navbar-nav navbar-right navbar-user">
							<li class="dropdown messages-dropdown"><a href="#"
								class="dropdown-toggle" data-toggle="dropdown"><i
									class="fa fa-envelope"></i> Messages <span class="badge">7</span>
									<b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li class="dropdown-header">7 New Messages</li>
									<li class="message-preview"><a href="#"> <span
											class="avatar"><img src="http://placehold.it/50x50"></img></span>
											<span class="name">Kevin N:</span> <span class="message">
											Bonjour, j'ai une question à vous poser...
											</span> <span class="time"><i
												class="fa fa-clock-o"></i> 4:34 PM</span>
									</a></li>
									<li class="divider"></li>
									<li class="message-preview"><a href="#"> <span
											class="avatar"><img src="http://placehold.it/50x50"></img></span>
											<span class="name">Mehdi El B.:</span> <span class="message">
											Bonjour, j'ai une question à vous poser... </span> <span class="time"><i
												class="fa fa-clock-o"></i> 4:34 PM</span>
									</a></li>
									<li class="divider"></li>
									<li class="message-preview"><a href="#"> <span
											class="avatar"><img src="http://placehold.it/50x50"></img></span>
											<span class="name">Black R.</span> <span class="message">
											Bonjour, j'ai une question à vous poser...
											</span> <span class="time"><i
												class="fa fa-clock-o"></i> 4:34 PM</span>
									</a></li>
									<li class="divider"></li>
									<li><a href="#">View Inbox <span class="badge">7</span></a></li>
								</ul></li>
							<li class="dropdown alerts-dropdown"><a href="#"
								class="dropdown-toggle" data-toggle="dropdown"><i
									class="fa fa-bell"></i> Alerts <span class="badge">3</span> <b
									class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="#">Default <span
											class="label label-default">Default</span></a></li>
									<li><a href="#">Primary <span
											class="label label-primary">Primary</span></a></li>
									<li><a href="#">Success <span
											class="label label-success">Success</span></a></li>
									<li><a href="#">Info <span class="label label-info">Info</span></a></li>
									<li><a href="#">Warning <span
											class="label label-warning">Warning</span></a></li>
									<li><a href="#">Danger <span
											class="label label-danger">Danger</span></a></li>
									<li class="divider"></li>
									<li><a href="#">View All</a></li>
								</ul></li>
							<li class="dropdown user-dropdown"><a href="#"
								class="dropdown-toggle" data-toggle="dropdown"><i
									class="fa fa-user"></i> Patrice G. <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="#"><i class="fa fa-user"></i> Profile</a></li>
									<li><a href="#"><i class="fa fa-envelope"></i> Mails <span
											class="badge">7</span></a></li>
									<li><a href="#"><i class="fa fa-gear"></i> Paramètres</a></li>
									<li class="divider"></li>
									<li><a href="#"><i class="fa fa-power-off"></i> 
									Deconnexion </a></li>
								</ul></li>
						</ul>
						<ui:insert name="collapse">
						</ui:insert>

					</div>
					</nav>
					<div id="page-wrapper">
						
							<div class="col-lg-12">
								<ui:insert name="pageWrapper">

								</ui:insert>
							</div>
						
					</div>

				</div>


			</tbody>
		</table>
	</h:form>

	<!-- JavaScript -->
	<h:outputScript library="js" name="jquery-1.10.2.js" />
	<h:outputScript library="js" name="bootstrap.js" />
</h:body>

</html>